<template>
    <div>
        <div class="heabox">
            <div class="toubu">
                <span class="fanhui" @click="$router.go(-1)"></span>
                <van-tabs v-model="tabactive" class="ghbn" @click="getNewsList" color="#ffffff"
                    title-inactive-color="#ffffff" title-active-color="#ffffff"
                    background="linear-gradient(-55deg, rgb(81, 122, 250),rgb(81, 122, 250))">
                <!--     <van-tab title :title="$t('hj45')"  name="1"></van-tab>
                    <van-tab title :title="$t('hj466')" name="2"></van-tab>
                    <van-tab title :title="$t('hj467')" name="3"></van-tab>
             <!--     <van-tab title :title="$t('hj468')" name="4"></van-tab>-->
                   <van-tab title :title="$t('hj470')" name="4"></van-tab>
                   <van-tab title :title="$t('hj469')" name="5"></van-tab>
                </van-tabs>
            </div>
            <div class="suo" @click="getsearch"><a class="tr"></a></div>
        </div>
        <div>
            <div class="xuanhze">
        <!--          <xingusg v-if="tabactive == 1"></xingusg>-->
          <!--    <xinguqc v-if="tabactive == 2"></xinguqc>
                <xinzhaisg v-if="tabactive == 3"></xinzhaisg>
         <!--    <xinzhaips v-if="tabactive == 4"></xinzhaips>-->
              <dazongjiaoyi v-if="(tabactive == 4)"></dazongjiaoyi>
           <vipqiangchou v-if="(tabactive == 5)"></vipqiangchou>
            </div>
        </div>
    </div>
</template>
<script>
import * as api from '@/axios/api'
// import xingusg from './listcomponents/xingusg.vue'
// import xinguqc from './listcomponents/xinguqc.vue'
import xinzhaisg from './listcomponents/xinzhaisg.vue'
import xinzhaips from './listcomponents/xinzhaips.vue'
import dazongjiaoyi from './listcomponents/dazongjiaoyi.vue'
import vipqiangchou from './listcomponents/vipqiangchou.vue'
export default {
    components: {
   //     xingusg,
    //  xinguqc,
        xinzhaisg,
        xinzhaips,
        dazongjiaoyi,
        vipqiangchou,
    },
    props: {},
    data() {
        return {
            tabactive: 4,
        }
    },
    mounted() {
        // this.tabactive = this.$route.query.idx

    },
    methods: {
        getNewsList() {

        },
        getsearch() {
            if(this.tabactive == 5){
                this.$router.push({
                path: '/VipSearchlist'
            })
            }else{
                this.$router.push({
                path: '/Searchlist'
            })
            }

        }
    },
}
</script>


<style lang="less" scoped>
/deep/ .van-tabs--line .van-tabs__wrap {
    height: 1.2rem !important;
}

/deep/ .van-tab {
    font-size: 0.36rem !important;
}

.heabox {
    height: 3.6rem;
    background: linear-gradient(#517afa);

    .toubu {
        width: 100%;
        display: flex;

        .fanhui {
            width: 0.266rem;
            height: 0.43rem;
            background: url() no-repeat 50%;
            background-size: 100%;
            display: inline-block;
            vertical-align: middle;
            margin-top: 0.45rem;
            margin-left: 0.32rem;
        }

        .ghbn {
            width: 100%;
        }
    }

    .suo {
        width: 9.35rem;
        height: 0.93rem;
        background: hsla(0, 0%, 100%, .1);
        border-radius: 0.13rem;
        margin: 0 auto;
        margin-top: 0.19rem;
        border-top: 0.0266rem solid transparent;

        .tr {
            width: 0.43rem;
            height: 0.43rem;
            display: block;
            background: url() no-repeat 50%;
            background-size: 100%;
            margin-left: 0.266rem;
            margin-top: 0.24rem;
        }
    }
}

.xuanhze {
    width: 100%;
    background: #fff;
    margin-top: -0.32rem;
    min-height: 1.07rem;
    border-radius: 0.4rem 0.4rem 0 0;
    padding-top: 0.35rem;
}
</style>
